/* 全局样式 */
.page-container {
  padding: 20px;
}

.page-header {
  margin-bottom: 20px;
}

.page-title {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 20px;
}

.search-form {
  margin-bottom: 20px;
  .el-form-item {
    margin-bottom: 10px;
  }
}

.table-container {
  margin-bottom: 20px;
}

.pagination-container {
  text-align: right;
  margin-top: 20px;
}

.form-container {
  width: 600px;
  margin: 0 auto;
}

/* 清除浮动 */
.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

/* 卡片样式 */
.card-item {
  margin-bottom: 20px;
  cursor: pointer;
  transition: all 0.3s;
  &:hover {
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  }
}

/* 标签样式 */
.tag-list {
  margin-top: 5px;
  .el-tag {
    margin-right: 5px;
    margin-bottom: 5px;
  }
}

/* 工具栏样式 */
.toolbar {
  margin-bottom: 20px;
  .el-button + .el-button {
    margin-left: 10px;
  }
} 